<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="csrf-token-name" content="csrfmodu_name">
    <meta name="csrf-token-value" content="7396ef117d3755e3b0553b5b6cd2e902">
    <title>豐泰企業股份有限公司</title>
    <base href="https://www.fengtay.com/">
    <link rel="icon" type="image/png" href="assets/img/favicon.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-touch-icon-144x144.png">
    <link rel="canonical" href="https://www.fengtay.com/" />
    <link rel="alternate" hreflang="zh-TW" href="https://www.fengtay.com/" />
    <link rel="alternate" hreflang="en" href="https://www.fengtay.com/en" />
    <meta name="title" content="豐泰企業股份有限公司">
    <meta name="description" content="豐泰企業以製造專業運動鞋為主要業務；在產品上堅持品質第一，在經營上重視人才發展，在技術上強調研發創新。">
    <meta name="keywords" content="製鞋,鞋業,鞋開發,鞋設計,鞋研發,鞋代工,模具製造,運動鞋,休閒鞋,高爾夫球,籃球鞋,喬丹,童鞋,棒球鞋,高爾夫球鞋,企業社會責任,穩健,深耕,誠信,守法,優質,精緻,9910">
    <meta name="author" content="豐泰企業">
    <meta name="copyright" content="豐泰企業">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:locale" content="zh-TW">
    <meta property="og:rich_attachment" content="true">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.fengtay.com/">
    <meta property="og:image" content="https://www.fengtay.com/assets/img/default-tw.png">
    <meta property="og:image:type" content="png">
    <meta property="og:image:width" content="512">
    <meta property="og:image:height" content="512">
    <link rel="stylesheet" href="assets/ContentBuilder/assets/minimalist-blocks/content.css">

            <link rel="stylesheet" href="assets/css/all.css?202205231014" />
    
    <!--[if lt IE 9]>
     <script src="assets/js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="site-header fixed top-0 left-0 z-999 w-full bg-white">
    <div class="flex justify-between items-center h-20 pl-10">
        <a href="tw">
            <img src="assets/img/logo/feng-tay-logo.png?202205231014" alt="豐泰企業" />
        </a>
        <div class="hidden lg:flex">
            <ul class="flex mr-5">
                <li class="group">
                    <a
                        href="javascript:;"
                        class="transition-colors duration-300 relative flex items-center h-20 px-5 group-hover:text-primary"
                    >
                        關於豐泰                        <span
                            class="transition-all duration-300 absolute bottom-0 left-0 w-full h-0.75 bg-primary opacity-0 invisible group-hover:opacity-100 group-hover:visible"
                        ></span>
                    </a>
                    <div
                        class="transition-all duration-300 absolute top-20 left-0 w-full pt-18 pb-22.5 bg-white opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto"
                    >
                        <div
                        class="absolute top-0 left-0 w-full h-36 bg-gradient-to-b from-light-100 to-white"
                        ></div>
                        <div class="absolute top-0 left-0 w-1/2 h-full">
                            <img
                                src="assets/img/layout/about/about-menu-bg.svg"
                                class="h-full mx-auto"
                                alt=""
                            />
                        </div>
                        <div class="relative max-w-303 px-7.5 mx-auto">
                            <div class="flex gx-18">
                                <div class="w-1/2"></div>
                                <div class="w-1/2">
                                    <h2 class="font-serif text-32px">關於豐泰</h2>
                                    <p class="mt-5 leading-loose">
                                        豐泰企業成立於 1971 年，以製造運動鞋為主要業務，於 2002 將企業總部遷至雲林科技工業園區現址，目前企業員工總人數約 14 萬人，為主要客戶 Nike 最資深之製鞋合作夥伴。                                    </p>
                                    <ul class="mt-10 space-y-5">

                                                                                    <li>
                                                <a
                                                    href="tw/about/detail/集團簡介"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">集團簡介</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/about/detail/經營理念"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">經營理念</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/about/nation"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">跨國營運</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/about/detail/企業組織"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">企業組織</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/about/detail/研發創新"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">研發創新</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="group">
                    <a
                        href="javascript:;"
                        class="transition-colors duration-300 relative flex items-center h-20 px-5 group-hover:text-primary"
                    >
                        企業社會責任                        <span
                            class="transition-all duration-300 absolute bottom-0 left-0 w-full h-0.75 bg-primary opacity-0 invisible group-hover:opacity-100 group-hover:visible"
                        ></span>
                    </a>
                    <div
                        class="transition-all duration-300 absolute top-20 left-0 w-full pt-18 pb-22.5 bg-white opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto"
                    >
                        <div
                        class="absolute top-0 left-0 w-full h-36 bg-gradient-to-b from-light-100 to-white"
                        ></div>
                        <div class="relative max-w-303 px-7.5 mx-auto">
                            <div class="flex gx-18">
                                <div class="w-1/2">
                                    <h2 class="font-serif text-32px">企業社會責任</h2>
                                    <p class="mt-5 leading-loose">
                                        為推動各生產基地有關環境安全衛生與勞資關係等企業社會責任事務，由集團總部設立永續發展處執行統籌及督導。在總部則由總務及人力資源部門共同執行企業責任業務及協助最高治理單位回應利害關係人所關注的議題。                                    </p>
                                </div>
                                <div class="w-1/2">
                                    <ul class="space-y-5">

                                                                                    <li>
                                                <a
                                                    href="tw/csr/detail/永續管理"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">永續管理</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/csr/detail/社會參與"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">社會參與</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/csr/detail/勞工權益"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">勞工權益</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/csr/detail/環境保護"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">環境保護</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600"></h4>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="group">
                    <a
                        href="javascript:;"
                        class="transition-colors duration-300 relative flex items-center h-20 px-5 group-hover:text-primary"
                    >
                        人才招募                        <span
                            class="transition-all duration-300 absolute bottom-0 left-0 w-full h-0.75 bg-primary opacity-0 invisible group-hover:opacity-100 group-hover:visible"
                        ></span>
                    </a>
                    <div
                        class="transition-all duration-300 absolute top-20 left-0 w-full pt-18 pb-22.5 bg-white opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto"
                    >
                        <div
                            class="absolute top-0 left-0 w-full h-36 bg-gradient-to-b from-light-100 to-white"
                        ></div>
                        <div class="relative max-w-303 px-7.5 mx-auto">
                            <div class="flex gx-18">
                                <div class="w-1/2">
                                    <h2 class="font-serif text-32px">人才招募</h2>
                                    <p class="mt-5 leading-loose">
                                        加入致力於培育一群認同公司理念，並堅守 “研發與品質” 為核心價值的豐泰，您的每一步，都是我們成長的基石。誠摯歡迎志同道合的您一同加入行列！                                    </p>
                                </div>
                                <div class="w-1/2">
                                    <ul class="space-y-5">

                                                                            <li>
                                            <a
                                                href="tw/recruiting/join/加入豐泰"
                                                class="transition-colors duration-300 flex items-center hover:text-primary"
                                            >
                                                <svg width="10" height="20" viewBox="0 0 10 20">
                                                    <path
                                                        d="M15,10h5L15,0H10Z"
                                                        transform="translate(20 10) rotate(180)"
                                                        fill="#206abd"
                                                    />
                                                    <path
                                                        d="M15,0h5L15,10H10Z"
                                                        transform="translate(20 20) rotate(180)"
                                                        fill="#206abd"
                                                    />
                                                </svg>
                                                <h3 class="ml-2.5 font-serif text-24px">加入豐泰</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600"></h4>
                                            </a>
                                        </li>

                                                                            <li>
                                            <a
                                                href="tw/recruiting/detail/學習成長"
                                                class="transition-colors duration-300 flex items-center hover:text-primary"
                                            >
                                                <svg width="10" height="20" viewBox="0 0 10 20">
                                                    <path
                                                        d="M15,10h5L15,0H10Z"
                                                        transform="translate(20 10) rotate(180)"
                                                        fill="#206abd"
                                                    />
                                                    <path
                                                        d="M15,0h5L15,10H10Z"
                                                        transform="translate(20 20) rotate(180)"
                                                        fill="#206abd"
                                                    />
                                                </svg>
                                                <h3 class="ml-2.5 font-serif text-24px">學習成長</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600"></h4>
                                            </a>
                                        </li>
                                                                            <li>
                                            <a
                                                href="tw/recruiting/detail/工作與家庭平衡"
                                                class="transition-colors duration-300 flex items-center hover:text-primary"
                                            >
                                                <svg width="10" height="20" viewBox="0 0 10 20">
                                                    <path
                                                        d="M15,10h5L15,0H10Z"
                                                        transform="translate(20 10) rotate(180)"
                                                        fill="#206abd"
                                                    />
                                                    <path
                                                        d="M15,0h5L15,10H10Z"
                                                        transform="translate(20 20) rotate(180)"
                                                        fill="#206abd"
                                                    />
                                                </svg>
                                                <h3 class="ml-2.5 font-serif text-24px">工作與家庭平衡</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600"></h4>
                                            </a>
                                        </li>
                                    
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="group">
                    <a
                        href="javascript:;"
                        class="transition-colors duration-300 relative flex items-center h-20 px-5 group-hover:text-primary"
                    >
                        投資人專區                        <span
                            class="transition-all duration-300 absolute bottom-0 left-0 w-full h-0.75 bg-primary opacity-0 invisible group-hover:opacity-100 group-hover:visible"
                        ></span>
                    </a>
                    <div
                        class="transition-all duration-300 absolute top-20 left-0 w-full pt-18 pb-22.5 bg-white opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto"
                    >
                        <div
                            class="absolute top-0 left-0 w-full h-36 bg-gradient-to-b from-light-100 to-white"
                        ></div>
                        <div class="relative max-w-303 px-7.5 mx-auto">
                            <h2 class="font-serif text-32px mb-5">投資人專區</h2>
                            <div class="flex flex-wrap gx-18 gy-5">
                                <div class="w-1/2">
                                    <div class="flex items-center">
                                        <svg width="10" height="20" viewBox="0 0 10 20">
                                            <path
                                                d="M15,10h5L15,0H10Z"
                                                transform="translate(20 10) rotate(180)"
                                                fill="#206abd"
                                            />
                                            <path
                                                d="M15,0h5L15,10H10Z"
                                                transform="translate(20 20) rotate(180)"
                                                fill="#206abd"
                                            />
                                        </svg>
                                        <h3 class="ml-2.5 font-serif text-24px">公司公告</h3>
                                        <span
                                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                        ></span>
                                        <h4 class="text-13px text-gray-600">
                                                                                    </h4>
                                    </div>
                                    <ul class="mt-2.5">
                                        <li>
                                            <a
                                                href="tw/investor/news"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">公告訊息</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600"></h4>
                                            </a>
                                        </li>
                                        <li>
                                            <a
                                                href="tw/investor/conference"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">法人說明會</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600">
                                                                                                    </h4>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="w-1/2">
                                    <div class="flex items-center">
                                        <svg width="10" height="20" viewBox="0 0 10 20">
                                            <path
                                                d="M15,10h5L15,0H10Z"
                                                transform="translate(20 10) rotate(180)"
                                                fill="#206abd"
                                            />
                                            <path
                                                d="M15,0h5L15,10H10Z"
                                                transform="translate(20 20) rotate(180)"
                                                fill="#206abd"
                                            />
                                        </svg>
                                        <h3 class="ml-2.5 font-serif text-24px">財務資訊</h3>
                                        <span
                                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                        ></span>
                                        <h4 class="text-13px text-gray-600"></h4>
                                    </div>
                                    <ul class="mt-2.5">
                                        <li>
                                            <a
                                                href="tw/investor/month"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">每月營收公告</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600">
                                                                                                    </h4>
                                            </a>
                                        </li>
                                        <li>
                                            <a
                                                href="tw/investor/financial"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">財務報告書</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600">
                                                                                                    </h4>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="w-1/2">
                                    <div class="flex items-center">
                                        <svg width="10" height="20" viewBox="0 0 10 20">
                                            <path
                                                d="M15,10h5L15,0H10Z"
                                                transform="translate(20 10) rotate(180)"
                                                fill="#206abd"
                                            />
                                            <path
                                                d="M15,0h5L15,10H10Z"
                                                transform="translate(20 20) rotate(180)"
                                                fill="#206abd"
                                            />
                                        </svg>
                                        <h3 class="ml-2.5 font-serif text-24px">公司治理</h3>
                                        <span
                                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                        ></span>
                                        <h4 class="text-13px text-gray-600">
                                                                                    </h4>
                                    </div>
                                    <ul class="mt-2.5">

                                                                                    <li>
                                                <a
                                                    href="tw/investor/governance/董事會及功能委員會"
                                                    class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                                >
                                                    <h3 class="font-serif">董事會及功能委員會</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/investor/governance/公司治理主管"
                                                    class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                                >
                                                    <h3 class="font-serif">公司治理主管</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/investor/governance/誠信經營"
                                                    class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                                >
                                                    <h3 class="font-serif">誠信經營</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/investor/governance/獨立董事與會計師_稽核主管溝通情形"
                                                    class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                                >
                                                    <h3 class="font-serif">獨立董事與會計師、稽核主管溝通情形</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/investor/governance/公司重要規章"
                                                    class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                                >
                                                    <h3 class="font-serif">公司重要規章</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/investor/governance/董事會成員及重要管理階層之接班規劃"
                                                    class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                                >
                                                    <h3 class="font-serif">董事會成員及重要管理階層之接班規劃</h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>
                                <div class="w-1/2">
                                    <div class="flex items-center">
                                        <svg width="10" height="20" viewBox="0 0 10 20">
                                            <path
                                                d="M15,10h5L15,0H10Z"
                                                transform="translate(20 10) rotate(180)"
                                                fill="#206abd"
                                            />
                                            <path
                                                d="M15,0h5L15,10H10Z"
                                                transform="translate(20 20) rotate(180)"
                                                fill="#206abd"
                                            />
                                        </svg>
                                        <h3 class="ml-2.5 font-serif text-24px">股務資訊</h3>
                                        <span
                                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                        ></span>
                                        <h4 class="text-13px text-gray-600">
                                                                                    </h4>
                                    </div>
                                    <ul class="mt-2.5">
                                        <li>
                                            <a
                                                href="tw/investor/meeting"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">股東會資訊</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600">
                                                                                                    </h4>
                                            </a>
                                        </li>
                                        <li>
                                            <a
                                                href="tw/investor/dividend"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">歷年股利分派</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600">
                                                                                                    </h4>
                                            </a>
                                        </li>
                                        <li>
                                            <a
                                                href="tw/investor/contact"
                                                class="transition-colors duration-300 flex items-center py-2.5 pl-5 border-l border-gray-300 hover:text-primary"
                                            >
                                                <h3 class="font-serif">聯絡我們</h3>
                                                <span
                                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                ></span>
                                                <h4 class="text-13px text-gray-600"></h4>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="group">
                    <a
                        href="javascript:;"
                        class="transition-colors duration-300 relative flex items-center h-20 px-5 group-hover:text-primary"
                    >
                        利害關係人專區                        <span
                            class="transition-all duration-300 absolute bottom-0 left-0 w-full h-0.75 bg-primary opacity-0 invisible group-hover:opacity-100 group-hover:visible"
                        ></span>
                    </a>
                    <div
                        class="transition-all duration-300 absolute top-20 left-0 w-full pt-18 pb-22.5 bg-white opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto"
                    >
                        <div
                            class="absolute top-0 left-0 w-full h-36 bg-gradient-to-b from-light-100 to-white"
                        ></div>
                        <div class="relative max-w-303 px-7.5 mx-auto">
                            <div class="flex gx-18">
                                <div class="w-1/2">
                                    <h2 class="font-serif text-32px">利害關係人專區</h2>
                                    <p class="mt-5 leading-loose">
                                        本公司重視各利害關係人所關注的議題，提供多元的溝通管道及資訊揭露媒介，從而充分了解利害關係人關注議題，以持續提升企業社會責任績效，贏得利害關係人對公司的認同與信任。                                     </p>
                                </div>
                                <div class="w-1/2">
                                    <ul class="space-y-5">

                                                                                    <li>
                                                <a
                                                    href="tw/stakeholders/detail/利害關係人溝通"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">
                                                        利害關係人溝通                                                    </h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="/tw/contact"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">
                                                        與我們聯絡                                                    </h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                                                                    <li>
                                                <a
                                                    href="tw/stakeholders/detail/如何到豐泰"
                                                    class="transition-colors duration-300 flex items-center hover:text-primary"
                                                >
                                                    <svg width="10" height="20" viewBox="0 0 10 20">
                                                        <path
                                                            d="M15,10h5L15,0H10Z"
                                                            transform="translate(20 10) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                        <path
                                                            d="M15,0h5L15,10H10Z"
                                                            transform="translate(20 20) rotate(180)"
                                                            fill="#206abd"
                                                        />
                                                    </svg>
                                                    <h3 class="ml-2.5 font-serif text-24px">
                                                        如何到豐泰                                                    </h3>
                                                    <span
                                                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                                    ></span>
                                                    <h4 class="text-13px text-gray-600">
                                                                                                            </h4>
                                                </a>
                                            </li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="flex">
                <li>
                    <a
                        href="tw/contact"
                        class="transition-colors duration-300 flex justify-center items-center w-20 h-20 bg-primary-light hover:bg-primary"
                    >
                        <svg width="18" height="14" viewBox="0 0 18 14">
                            <rect
                                x="0.5"
                                y="0.5"
                                width="17"
                                height="13"
                                rx="1.5"
                                fill="none"
                                stroke="#fff"
                                stroke-width="1"
                            />
                            <path
                                d="M1281.181-142l8,4,8-4"
                                transform="translate(-1280.181 146)"
                                fill="none"
                                stroke="#fff"
                                stroke-width="1"
                            />
                        </svg>
                    </a>
                </li>
                <li>

                                    <a
                        href="en"
                        class="transition-colors duration-300 flex justify-center items-center w-20 h-20 bg-gray-100 hover:bg-gray-200"
                    >
                        <svg width="14" height="14" viewBox="0 0 14 14">
                            <path
                                d="M-12.944-25.92h5.427v1.452h-3.474v4.632h2.817v1.383h-2.817v5.133h3.509v1.4h-5.462Zm7.035,0h1.331l3.975,9.3v-9.3H1.021v14H-.223L-4.25-21.478v9.558H-5.909Z"
                                transform="translate(12.944 25.92)"
                                fill="#206abd"
                            />
                        </svg>
                    </a>
                
                </li>
            </ul>
        </div>
        <button
            type="button"
            class="site-burger relative w-20 h-20 bg-primary-light lg:hidden"
            >
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>
</header>

<!-- 手機版選單 -->
<div
  class="site-mobile-nav transition-all duration-500 fixed top-20 left-0 z-999 w-full h-[100vh-80px] bg-white overflow-y-auto opacity-0 invisible"
>
	<ul>
		<li class="border-t border-gray-300">
			<a
                href="javascript:;"
                class="site-mobile-nav__link relative block px-7.5 py-5 font-serif text-18px"
            >
                關於豐泰                <svg
                width="20"
                height="10"
                viewBox="0 0 20 10"
                class="transition-transform duration-300 absolute top-1/2 right-7.5 transform -translate-y-1/2"
                >
                <path
                    d="M5,0,0,10H5L10,0ZM0,10,5,20h5L5,10Z"
                    transform="translate(0 10) rotate(-90)"
                    fill="#206abd"
                />
                </svg>
            </a>
			<ul class="site-mobile-nav__dropdown hidden p-7.5 space-y-5 bg-light-100">

                            <li>
                    <a href="tw/about/detail/集團簡介" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path
                                d="M15,10h5L15,0H10Z"
                                transform="translate(20 10) rotate(180)"
                                fill="#206abd"
                            ></path>
                            <path
                                d="M15,0h5L15,10H10Z"
                                transform="translate(20 20) rotate(180)"
                                fill="#206abd"
                            ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">
                            集團簡介                        </h3>
                        <span
                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
                            <li>
                    <a href="tw/about/detail/經營理念" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path
                                d="M15,10h5L15,0H10Z"
                                transform="translate(20 10) rotate(180)"
                                fill="#206abd"
                            ></path>
                            <path
                                d="M15,0h5L15,10H10Z"
                                transform="translate(20 20) rotate(180)"
                                fill="#206abd"
                            ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">
                            經營理念                        </h3>
                        <span
                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
                            <li>
                    <a href="tw/about/nation" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path
                                d="M15,10h5L15,0H10Z"
                                transform="translate(20 10) rotate(180)"
                                fill="#206abd"
                            ></path>
                            <path
                                d="M15,0h5L15,10H10Z"
                                transform="translate(20 20) rotate(180)"
                                fill="#206abd"
                            ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">
                            跨國營運                        </h3>
                        <span
                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
                            <li>
                    <a href="tw/about/detail/企業組織" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path
                                d="M15,10h5L15,0H10Z"
                                transform="translate(20 10) rotate(180)"
                                fill="#206abd"
                            ></path>
                            <path
                                d="M15,0h5L15,10H10Z"
                                transform="translate(20 20) rotate(180)"
                                fill="#206abd"
                            ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">
                            企業組織                        </h3>
                        <span
                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
                            <li>
                    <a href="tw/about/detail/研發創新" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path
                                d="M15,10h5L15,0H10Z"
                                transform="translate(20 10) rotate(180)"
                                fill="#206abd"
                            ></path>
                            <path
                                d="M15,0h5L15,10H10Z"
                                transform="translate(20 20) rotate(180)"
                                fill="#206abd"
                            ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">
                            研發創新                        </h3>
                        <span
                            class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
            
			</ul>
		</li>
		<li class="border-t border-gray-300">
			<a
                href="javascript:;"
                class="site-mobile-nav__link relative block px-7.5 py-5 font-serif text-18px"
            >
                企業社會責任                <svg
                width="20"
                height="10"
                viewBox="0 0 20 10"
                class="transition-transform duration-300 absolute top-1/2 right-7.5 transform -translate-y-1/2"
                >
                <path
                    d="M5,0,0,10H5L10,0ZM0,10,5,20h5L5,10Z"
                    transform="translate(0 10) rotate(-90)"
                    fill="#206abd"
                />
                </svg>
            </a>
			<ul class="site-mobile-nav__dropdown hidden p-7.5 space-y-5 bg-light-100">

									<li>
						<a href="tw/csr/detail/永續管理" class="flex items-center">
							<svg width="10" height="20" viewBox="0 0 10 20">
								<path
									d="M15,10h5L15,0H10Z"
									transform="translate(20 10) rotate(180)"
									fill="#206abd"
								></path>
								<path
									d="M15,0h5L15,10H10Z"
									transform="translate(20 20) rotate(180)"
									fill="#206abd"
								></path>
							</svg>
							<h3 class="ml-2.5 font-serif">
								永續管理							</h3>
							<span
								class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
							></span>
							<h4 class="text-13px text-gray-600 text-right">
															</h4>
						</a>
					</li>
									<li>
						<a href="tw/csr/detail/社會參與" class="flex items-center">
							<svg width="10" height="20" viewBox="0 0 10 20">
								<path
									d="M15,10h5L15,0H10Z"
									transform="translate(20 10) rotate(180)"
									fill="#206abd"
								></path>
								<path
									d="M15,0h5L15,10H10Z"
									transform="translate(20 20) rotate(180)"
									fill="#206abd"
								></path>
							</svg>
							<h3 class="ml-2.5 font-serif">
								社會參與							</h3>
							<span
								class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
							></span>
							<h4 class="text-13px text-gray-600 text-right">
															</h4>
						</a>
					</li>
									<li>
						<a href="tw/csr/detail/勞工權益" class="flex items-center">
							<svg width="10" height="20" viewBox="0 0 10 20">
								<path
									d="M15,10h5L15,0H10Z"
									transform="translate(20 10) rotate(180)"
									fill="#206abd"
								></path>
								<path
									d="M15,0h5L15,10H10Z"
									transform="translate(20 20) rotate(180)"
									fill="#206abd"
								></path>
							</svg>
							<h3 class="ml-2.5 font-serif">
								勞工權益							</h3>
							<span
								class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
							></span>
							<h4 class="text-13px text-gray-600 text-right">
															</h4>
						</a>
					</li>
									<li>
						<a href="tw/csr/detail/環境保護" class="flex items-center">
							<svg width="10" height="20" viewBox="0 0 10 20">
								<path
									d="M15,10h5L15,0H10Z"
									transform="translate(20 10) rotate(180)"
									fill="#206abd"
								></path>
								<path
									d="M15,0h5L15,10H10Z"
									transform="translate(20 20) rotate(180)"
									fill="#206abd"
								></path>
							</svg>
							<h3 class="ml-2.5 font-serif">
								環境保護							</h3>
							<span
								class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
							></span>
							<h4 class="text-13px text-gray-600 text-right">
															</h4>
						</a>
					</li>
				
            </ul>
        </li>
        <li class="border-t border-gray-300">
            <a
                href="javascript:;"
                class="site-mobile-nav__link relative block px-7.5 py-5 font-serif text-18px"
            >
                人才招募                <svg
                width="20"
                height="10"
                viewBox="0 0 20 10"
                class="transition-transform duration-300 absolute top-1/2 right-7.5 transform -translate-y-1/2"
                >
                <path
                    d="M5,0,0,10H5L10,0ZM0,10,5,20h5L5,10Z"
                    transform="translate(0 10) rotate(-90)"
                    fill="#206abd"
                />
                </svg>
            </a>
            <ul class="site-mobile-nav__dropdown hidden p-7.5 space-y-5 bg-light-100">

                            <li>
                    <a href="tw/recruiting/join/加入豐泰" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path d="M15,10h5L15,0H10Z" transform="translate(20 10) rotate(180)" fill="#206abd"></path>
                            <path d="M15,0h5L15,10H10Z" transform="translate(20 20) rotate(180)" fill="#206abd"></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">加入豐泰</h3>
                        <span class="flex-1 mx-2.5 border-b border-dashed border-gray-300"></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>

                            <li>
                    <a href="tw/recruiting/detail/學習成長" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path d="M15,10h5L15,0H10Z" transform="translate(20 10) rotate(180)" fill="#206abd"></path>
                            <path d="M15,0h5L15,10H10Z" transform="translate(20 20) rotate(180)" fill="#206abd"></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">學習成長</h3>
                        <span class="flex-1 mx-2.5 border-b border-dashed border-gray-300"></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
                            <li>
                    <a href="tw/recruiting/detail/工作與家庭平衡" class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                            <path d="M15,10h5L15,0H10Z" transform="translate(20 10) rotate(180)" fill="#206abd"></path>
                            <path d="M15,0h5L15,10H10Z" transform="translate(20 20) rotate(180)" fill="#206abd"></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">工作與家庭平衡</h3>
                        <span class="flex-1 mx-2.5 border-b border-dashed border-gray-300"></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </a>
                </li>
            
            </ul>
        </li>
        <li class="border-t border-gray-300">
            <a
                href="javascript:;"
                class="site-mobile-nav__link relative block px-7.5 py-5 font-serif text-18px"
            >
                投資人專區                <svg
                width="20"
                height="10"
                viewBox="0 0 20 10"
                class="transition-transform duration-300 absolute top-1/2 right-7.5 transform -translate-y-1/2"
                >
                <path
                    d="M5,0,0,10H5L10,0ZM0,10,5,20h5L5,10Z"
                    transform="translate(0 10) rotate(-90)"
                    fill="#206abd"
                />
                </svg>
            </a>
            <div
                class="site-mobile-nav__dropdown hidden p-7.5 space-y-5 bg-light-100"
            >
                <div>
                    <div class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                        <path
                            d="M15,10h5L15,0H10Z"
                            transform="translate(20 10) rotate(180)"
                            fill="#206abd"
                        ></path>
                        <path
                            d="M15,0h5L15,10H10Z"
                            transform="translate(20 20) rotate(180)"
                            fill="#206abd"
                        ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">公司公告</h3>
                        <span
                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </div>
                    <ul class="mt-2.5">
                        <li>
                            <a href="tw/investor/news" class="flex items-center py-2.5 pl-5 border-l border-gray-300">
                                <h3 class="font-serif">公告訊息</h3>
                                <span
                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right">
                                                                    </h4>
                            </a>
                        </li>
                        <li>
                            <a href="tw/investor/conference" class="flex items-center py-2.5 pl-5 border-l border-gray-300">
                                <h3 class="font-serif">法人說明會</h3>
                                <span
                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right">
                                                                    </h4>
                            </a>
                        </li>
                    </ul>
                </div>
                <div>
                    <div class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                        <path
                            d="M15,10h5L15,0H10Z"
                            transform="translate(20 10) rotate(180)"
                            fill="#206abd"
                        ></path>
                        <path
                            d="M15,0h5L15,10H10Z"
                            transform="translate(20 20) rotate(180)"
                            fill="#206abd"
                        ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">財務資訊</h3>
                        <span
                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </div>
                    <ul class="mt-2.5">
                        <li>
                            <a href="tw/investor/month" class="flex items-center py-2.5 pl-5 border-l border-gray-300">
                                <h3 class="font-serif">每月營收公告</h3>
                                <span
                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right">
                                                                    </h4>
                            </a>
                        </li>
                        <li>
                            <a href="tw/investor/financial" class="flex items-center py-2.5 pl-5 border-l border-gray-300">
                                <h3 class="font-serif">財務報告書</h3>
                                <span
                                    class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right">
                                                                    </h4>
                            </a>
                        </li>
                    </ul>
                </div>
                <div>
                    <div class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                        <path
                            d="M15,10h5L15,0H10Z"
                            transform="translate(20 10) rotate(180)"
                            fill="#206abd"
                        ></path>
                        <path
                            d="M15,0h5L15,10H10Z"
                            transform="translate(20 20) rotate(180)"
                            fill="#206abd"
                        ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">公司治理</h3>
                        <span
                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </div>
                    <ul class="mt-2.5">

													<li>
								<a
									href="tw/investor/governance/董事會及功能委員會"
									class="flex items-center py-2.5 pl-5 border-l border-gray-300"
								>
									<h3 class="font-serif">董事會及功能委員會</h3>
									<span
										class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
									></span>
									<h4 class="text-13px text-gray-600 text-right">
																			</h4>
								</a>
							</li>
													<li>
								<a
									href="tw/investor/governance/公司治理主管"
									class="flex items-center py-2.5 pl-5 border-l border-gray-300"
								>
									<h3 class="font-serif">公司治理主管</h3>
									<span
										class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
									></span>
									<h4 class="text-13px text-gray-600 text-right">
																			</h4>
								</a>
							</li>
													<li>
								<a
									href="tw/investor/governance/誠信經營"
									class="flex items-center py-2.5 pl-5 border-l border-gray-300"
								>
									<h3 class="font-serif">誠信經營</h3>
									<span
										class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
									></span>
									<h4 class="text-13px text-gray-600 text-right">
																			</h4>
								</a>
							</li>
													<li>
								<a
									href="tw/investor/governance/獨立董事與會計師_稽核主管溝通情形"
									class="flex items-center py-2.5 pl-5 border-l border-gray-300"
								>
									<h3 class="font-serif">獨立董事與會計師、稽核主管溝通情形</h3>
									<span
										class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
									></span>
									<h4 class="text-13px text-gray-600 text-right">
																			</h4>
								</a>
							</li>
													<li>
								<a
									href="tw/investor/governance/公司重要規章"
									class="flex items-center py-2.5 pl-5 border-l border-gray-300"
								>
									<h3 class="font-serif">公司重要規章</h3>
									<span
										class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
									></span>
									<h4 class="text-13px text-gray-600 text-right">
																			</h4>
								</a>
							</li>
													<li>
								<a
									href="tw/investor/governance/董事會成員及重要管理階層之接班規劃"
									class="flex items-center py-2.5 pl-5 border-l border-gray-300"
								>
									<h3 class="font-serif">董事會成員及重要管理階層之接班規劃</h3>
									<span
										class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
									></span>
									<h4 class="text-13px text-gray-600 text-right">
																			</h4>
								</a>
							</li>
						
					</ul>
				</div>
				<div>
					<div class="flex items-center">
                        <svg width="10" height="20" viewBox="0 0 10 20">
                        <path
                            d="M15,10h5L15,0H10Z"
                            transform="translate(20 10) rotate(180)"
                            fill="#206abd"
                        ></path>
                        <path
                            d="M15,0h5L15,10H10Z"
                            transform="translate(20 20) rotate(180)"
                            fill="#206abd"
                        ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">股務資訊</h3>
                        <span
                        class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                        ></span>
                        <h4 class="text-13px text-gray-600 text-right">
                                                    </h4>
                    </div>
                    <ul class="mt-2.5">
						<li>
							<a
								href="tw/investor/meeting"
								class="flex items-center py-2.5 pl-5 border-l border-gray-300"
							>
								<h3 class="font-serif">股東會資訊</h3>
                                <span
                                class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right">
                                                                    </h4>
							</a>
						</li>
						<li>
							<a
								href="tw/investor/dividend"
								class="flex items-center py-2.5 pl-5 border-l border-gray-300"
							>
								<h3 class="font-serif">歷年股利分派</h3>
                                <span
                                class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right">
                                                                    </h4>
							</a>
						</li>
						<li>
							<a
								href="tw/investor/contact"
								class="flex items-center py-2.5 pl-5 border-l border-gray-300"
							>
								<h3 class="font-serif">聯絡我們</h3>
                                <span
                                class="flex-1 mx-2.5 border-b border-dashed border-gray-300"
                                ></span>
                                <h4 class="text-13px text-gray-600 text-right"></h4>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</li>
        <li class="border-t border-gray-300">
            <a
                href="javascript:;"
                class="site-mobile-nav__link relative block px-7.5 py-5 font-serif text-18px"
            >
                利害關係人專區                <svg
                width="20"
                height="10"
                viewBox="0 0 20 10"
                class="transition-transform duration-300 absolute top-1/2 right-7.5 transform -translate-y-1/2"
                >
                <path
                    d="M5,0,0,10H5L10,0ZM0,10,5,20h5L5,10Z"
                    transform="translate(0 10) rotate(-90)"
                    fill="#206abd"
                />
                </svg>
            </a>
            <ul class="site-mobile-nav__dropdown hidden p-7.5 space-y-5 bg-light-100">
                                            <li>
                            <a href="tw/stakeholders/detail/利害關係人溝通" class="flex items-center">
                                <svg width="10" height="20" viewBox="0 0 10 20">
                                    <path d="M15,10h5L15,0H10Z" transform="translate(20 10) rotate(180)" fill="#206abd"></path>
                                    <path d="M15,0h5L15,10H10Z" transform="translate(20 20) rotate(180)" fill="#206abd"></path>
                                </svg>
                                <h3 class="ml-2.5 font-serif">利害關係人溝通</h3>
                                <span class="flex-1 mx-2.5 border-b border-dashed border-gray-300"></span>
                                <h4 class="text-13px text-gray-600 text-right"></h4>
                            </a>
                        </li>
                                            <li>
                            <a href="/tw/contact" class="flex items-center">
                                <svg width="10" height="20" viewBox="0 0 10 20">
                                    <path d="M15,10h5L15,0H10Z" transform="translate(20 10) rotate(180)" fill="#206abd"></path>
                                    <path d="M15,0h5L15,10H10Z" transform="translate(20 20) rotate(180)" fill="#206abd"></path>
                                </svg>
                                <h3 class="ml-2.5 font-serif">與我們聯絡</h3>
                                <span class="flex-1 mx-2.5 border-b border-dashed border-gray-300"></span>
                                <h4 class="text-13px text-gray-600 text-right"></h4>
                            </a>
                        </li>
                                            <li>
                            <a href="tw/stakeholders/detail/如何到豐泰" class="flex items-center">
                                <svg width="10" height="20" viewBox="0 0 10 20">
                                    <path d="M15,10h5L15,0H10Z" transform="translate(20 10) rotate(180)" fill="#206abd"></path>
                                    <path d="M15,0h5L15,10H10Z" transform="translate(20 20) rotate(180)" fill="#206abd"></path>
                                </svg>
                                <h3 class="ml-2.5 font-serif">如何到豐泰</h3>
                                <span class="flex-1 mx-2.5 border-b border-dashed border-gray-300"></span>
                                <h4 class="text-13px text-gray-600 text-right"></h4>
                            </a>
                        </li>
                                </ul>
        </li>
        <li class="border-t border-gray-300">
            <a
                href="javascript:;"
                class="site-mobile-nav__link relative block px-7.5 py-5 font-serif text-18px"
            >
                語系                <svg
                    width="20"
                    height="10"
                    viewBox="0 0 20 10"
                    class="transition-transform duration-300 absolute top-1/2 right-7.5 transform -translate-y-1/2"
                >
                <path
                    d="M5,0,0,10H5L10,0ZM0,10,5,20h5L5,10Z"
                    transform="translate(0 10) rotate(-90)"
                    fill="#206abd"
                />
                </svg>
            </a>
            <ul class="site-mobile-nav__dropdown hidden p-7.5 space-y-5 bg-light-100">
                <li>
                                            <a href="tw" class="flex items-center text-primary">
                                            <svg width="10" height="20" viewBox="0 0 10 20">
                        <path
                            d="M15,10h5L15,0H10Z"
                            transform="translate(20 10) rotate(180)"
                            fill="#206abd"
                        ></path>
                        <path
                            d="M15,0h5L15,10H10Z"
                            transform="translate(20 20) rotate(180)"
                            fill="#206abd"
                        ></path>
                        </svg>
                        <h3 class="ml-2.5 font-serif">繁體中文</h3>
                    </a>
                </li>
                <li>
                                            <a href="en" class="flex items-center">
                                            <svg width="10" height="20" viewBox="0 0 10 20">
                        <path
                            d="M15,10h5L15,0H10Z"
                            transform="translate(20 10) rotate(180)"
                            fill="#206abd"
                        ></path>
                        <path
                            d="M15,0h5L15,10H10Z"
                            transform="translate(20 20) rotate(180)"
                            fill="#206abd"
                        ></path>
                        </svg>
                    <h3 class="ml-2.5 font-serif">English</h3>
                </a>
            </li>
        </ul>
    </li>
    </ul>
</div>
  <main>
    <div id="section-1" class="hero relative bg-white">
      <div class="swiper-container">
        <div class="swiper-wrapper">

                  <div class="swiper-slide">
            <a href="/tw/about/detail/集團簡介" target="_self" class="relative block h-[100vh-80px]">
              <picture>
                <source
                  srcset="/uploads/images/home/home-desktop-banner.jpg"
                  media="(min-width: 1024px)"
                />
                <img
                  src="/uploads/images/home/home-desktop-banner.jpg"
                  class="w-full h-full object-cover"
                  alt=""
                  data-aos="opacity"
                  data-aos-delay="500"
                />
              </picture>
              <div
                class="hero__content absolute top-1/2 left-0 transform -translate-y-1/2 w-full"
              >
                <div class="row clearfix"><div class="column full"><div class="py-5 bg-white bg-opacity-50">
                    <div class="max-w-303 px-7.5 mx-auto">
                      <h2 class="flex flex-wrap justify-center items-center font-serif text-32px text-center md:text-42px xl:text-56px" style="color: #063263">
                        <span>誠信</span>
                        <div class="relative w-3 h-3 mx-6">
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                        </div>
                        <span>守法</span>
                        <div class="relative w-3 h-3 mx-6">
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                        </div>
                        <span>雙贏</span>
                        <div class="relative w-3 h-3 mx-6">
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                        </div>
                        <span>深耕</span>
                        <div class="relative w-3 h-3 mx-6">
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                          <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-4.5 h-px" style="background-color: #063263"></span>
                        </div>
                        <span>精緻</span>
                      </h2>
                    </div>
                  </div></div></div>              </div>
            </a>
          </div>
        
        </div>
      </div>
    </div>

    <div class="relative">

          <div id="section-2">
        <div class="row clearfix"><div class="column full"><div class="relative flex items-center py-18 bg-white md:min-h-90">
          <div class="absolute inset-0 hidden bg-contain bg-left bg-no-repeat md:block" style="
              background-image: url('assets/img/layout/home/home-section-desktop-1.svg');
            " data-aos="opacity" data-aos-delay="500"></div>
          <div class="relative w-full max-w-195 px-7.5 mx-auto" data-aos="fade-up" data-aos-delay="1000">
            <div class="absolute right-7.5 -bottom-2 left-7.5 h-7.5" style="background-color: #bae5fc"></div>
            <h2 class="relative flex flex-wrap justify-center items-center font-serif text-32px text-center" style="color: rgb(14, 70, 133); font-family: &quot;Noto Sans&quot;, sans-serif;">
              <span>誠信</span>
              <div class="relative w-2 h-2 mx-7.5">
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
              </div>
              <span>守法</span>
              <div class="relative w-2 h-2 mx-7.5">
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
              </div>
              <span>雙贏</span>
              <div class="relative w-2 h-2 mx-7.5">
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
              </div>
              <span>深耕</span>
              <div class="relative w-2 h-2 mx-7.5">
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
                <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-45 w-3 h-px" style="background-color: #0e4685"></span>
              </div>
              <span>精緻</span>
            </h2>
          </div>
        </div></div></div><link href="//fonts.googleapis.com/css?family=Noto Sans:400,400i,700,700i" rel="stylesheet" property="stylesheet" type="text/css">      </div>
          <div id="section-3">
        <div class="row clearfix"><div class="column full"><div class="relative flex items-center min-h-180 py-18 bg-gray-900">
          <div class="absolute inset-0 bg-cover bg-center" style="
              background-image: url('/uploads/images/home/home-section-2.jpg');
            " data-aos="opacity" data-aos-delay="500"></div>
          <div class="relative w-full max-w-315 px-7.5 mx-auto text-white" data-aos="fade-up" data-aos-delay="1000">
            <div class="max-w-120">
              <h2 class="font-serif text-32px tracking-0.2em md:text-42px md:tracking-0.5em xl:text-52px">
                研究發展創新
              </h2>
              <p class="mt-5 leading-loose">
                研究發展為豐泰的核心競爭力之一，從早期傳統製造發展至以技術領導的營運模式，累積長久的自主研發能量。
              </p>
              <span style="font-family: Neuton, serif;"><a href="tw/about/detail/%E7%A0%94%E7%99%BC%E5%89%B5%E6%96%B0" class="transition-colors duration-300 inline-block min-w-35 px-7.5 py-3 mt-10 font-lora text-13px text-white text-center border border-white rounded-full hover:text-gray-900 hover:bg-white size-16"><p style="font-family: &quot;Russo One&quot;, sans-serif;" class="size-16">Learn more
              </p></a></span>
            </div>
          </div>
        </div></div></div><link href="//fonts.googleapis.com/css?family=Neuton:200,700" rel="stylesheet" property="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Russo One" rel="stylesheet" property="stylesheet" type="text/css">      </div>
          <div id="section-4">
        <div class="row clearfix"><div class="column full"><div id="section-3" class="relative flex items-center min-h-180 py-18 bg-light-200">
          <div class="absolute inset-0 hidden bg-cover bg-left bg-no-repeat lg:block" style="
              background-image: url('assets/img/layout/home/home-section-desktop-3.svg');
            " data-aos="opacity" data-aos-delay="500"></div>
          <div class="relative w-full max-w-315 px-7.5 mx-auto" data-aos="fade-up" data-aos-delay="1000">
            <img src="assets/img/layout/home/home-section-mobile-3.svg" class="mx-auto lg:hidden" alt="">
            <div class="max-w-120 mt-10 lg:mt-0 lg:ml-auto">
              <h2 class="font-serif text-32px text-primary-dark tracking-0.2em md:text-42px md:tracking-0.5em xl:text-52px">
                企業社會責任
              </h2>
              <p class="mt-5 leading-loose">
                豐泰長期關注環境保護，氣候變遷與生態保育議題。在 2020年，我們更設定了長期減碳目標，並開始透過國際組織 CDP揭露年度減碳成效。
              </p><p class="mt-5 leading-loose" style=""><span style="color: rgb(21, 101, 192);"><b style="">點擊下載</b>→&nbsp;<a href="/uploads/images/csr/2024ESGreport_cn.pdf" title="" style=""><b style="">2024 年永續報告書</b></a></span><span style="color: rgb(21, 101, 192);">&nbsp;</span></p><span style="font-family: &quot;Rubik Mono One&quot;, sans-serif;"><a href="tw/csr/detail/%E7%A4%BE%E6%9C%83%E5%8F%83%E8%88%87" class="transition-colors duration-300 inline-block min-w-35 px-7.5 py-3 mt-10 font-lora text-13px text-secondary text-center border border-secondary rounded-full hover:text-white hover:bg-secondary size-14"><p style="font-family: &quot;Russo One&quot;, sans-serif;" class="size-16">Learn more
              </p></a></span>
              
            </div>
          </div>
        </div></div></div><link href="//fonts.googleapis.com/css?family=Rubik Mono One" rel="stylesheet" property="stylesheet" type="text/css"><link href="//fonts.googleapis.com/css?family=Russo One" rel="stylesheet" property="stylesheet" type="text/css">      </div>
          <div id="section-5">
        <div class="row clearfix"><div class="column full"><div id="section-4" class="relative flex items-center min-h-180 py-18 bg-light-200">
          <div class="absolute inset-0 hidden bg-contain bg-right bg-no-repeat lg:block" style="
              background-image: url('assets/img/layout/home/home-section-desktop-4.svg');
            " data-aos="opacity" data-aos-delay="500"></div>
          <div class="relative w-full max-w-315 px-7.5 mx-auto" data-aos="fade-up" data-aos-delay="1000">
            <img src="assets/img/layout/home/home-section-mobile-4.svg" class="mx-auto lg:hidden" alt="">
            <div class="max-w-120 mt-10 lg:mt-0">
              <h2 class="font-serif text-32px text-primary-dark tracking-0.2em md:text-42px md:tracking-0.5em xl:text-52px">
                加入豐泰
              </h2>
              <p class="mt-5 leading-loose">
                我們致力於培育一群“認同工作理念、家人支持、以公司為榮”
                的職工。提供完整的教育訓練與職涯規劃，力求員工能有良好的學習發展機會。
              </p>
              <span><a href="tw/recruiting/join/%E5%8A%A0%E5%85%A5%E8%B1%90%E6%B3%B0" class="transition-colors duration-300 inline-block min-w-35 px-7.5 py-3 mt-10 font-lora text-13px text-secondary text-center border border-secondary rounded-full hover:text-white hover:bg-secondary"><p style="font-family: &quot;Russo One&quot;, sans-serif;" class="size-16">Learn more
              </p></a></span>
            </div>
          </div>
        </div></div></div><link href="//fonts.googleapis.com/css?family=Russo One" rel="stylesheet" property="stylesheet" type="text/css">      </div>
          <div id="section-6">
        <div class="row clearfix"><div class="column full"><div id="section-5" class="relative flex items-center min-h-180 py-18 bg-gray-900">
          <div class="absolute inset-0 bg-cover bg-center" style="
              background-image: url('/uploads/images/home/home-section-5.jpg');
            " data-aos="opacity" data-aos-delay="500"></div>
          <div class="relative w-full max-w-315 px-7.5 mx-auto text-white" data-aos="fade-up" data-aos-delay="1000">
            <div class="max-w-120 lg:ml-auto">
              <h2 class="font-serif text-32px tracking-0.2em md:text-42px md:tracking-0.5em xl:text-52px">
                投資人專區
              </h2>
              <p class="mt-5 leading-loose">
                豐泰企業以誠信守法、堅持營運透明及重視股東權益的精神，維持良好的公司治理。
              </p>
              <span><a href="tw/investor/news" class="transition-colors duration-300 inline-block min-w-35 px-7.5 py-3 mt-10 font-lora text-13px text-white text-center border border-white rounded-full hover:text-gray-900 hover:bg-white"><p style="font-family: &quot;Russo One&quot;, sans-serif;" class="size-16">Learn more
              </p></a></span>
            </div>
          </div>
        </div></div></div><link href="//fonts.googleapis.com/css?family=Russo One" rel="stylesheet" property="stylesheet" type="text/css">      </div>
    
      <img
        src="assets/img/layout/home/home-section-line.svg?202204151208"
        class="absolute top-0 left-0 hidden w-full h-full object-cover pointer-events-none lg:block"
        alt=""
        data-aos="opacity"
        data-aos-delay="1500"
      />
    </div>

      <div class="relative pt-18 pb-36">
      <div
        class="absolute top-0 left-0 w-full h-100 bg-gradient-to-b from-light-100 to-white"
      ></div>
      <div class="relative max-w-262.5 px-7.5 mx-auto">

                  <h2
            class="mb-10 font-serif text-32px text-center tracking-0.2em md:text-42px md:tracking-0.5em xl:text-52px"
            data-aos="fade-up"
          >
            海外各區簡介          </h2>
        
        <div
          class="flex flex-wrap g-2.5"
          data-aos="fade-up"
          data-aos-delay="500"
        >


          <div class="w-full sm:w-1/2 lg:w-1/4 lg:mt-7.5">

          
            <a
              href="/tw/about/nation/2" target="_self"              class="relative group block pt-150% bg-gray-900 bg-cover bg-center lg:pt-225%"
              style="
                background-image: url('/uploads/images/home/home-area-1.jpg');
              "
            >
              <div
                class="transition-opacity duration-300 absolute bottom-0 left-0 w-full py-9 opacity-100 group-hover:opacity-0"
                style="
                  background-image: linear-gradient(
                    to top,
                    rgba(0, 0, 0, 0.5),
                    transparent
                  );
                "
              >
                <h3
                  class="font-cinzel text-32px text-white text-center uppercase"
                >
                  China                </h3>
              </div>
              <div
                class="transition-opacity duration-300 absolute inset-0 flex justify-center items-center p-7.5 bg-black bg-opacity-50 opacity-0 group-hover:opacity-100"
              >
                <div class="text-white text-center">
                  <h3 class="font-cinzel text-32px uppercase">China</h3>
                  <p class="mt-3 leading-relaxed">
                    豐泰集團於 1988 年開始至中國投資設廠，並於 1993 年在福建福州成立福建大豐投資集團有限公司。                  </p>
                  <div
                    class="transition-all duration-300 inline-block min-w-30 px-5 py-3 mt-10 font-lora text-13px text-white text-opacity-70 text-center border border-white border-opacity-70 rounded-full hover:text-primary hover:bg-white"
                  >
                      Learn More                  </div>
                </div>
              </div>
            </a>
          </div>

          <div class="w-full sm:w-1/2 lg:w-1/4">

          
            <a
              href="/tw/about/nation/5" target="_self"              class="relative group block pt-150% bg-gray-900 bg-cover bg-center lg:pt-225%"
              style="
                background-image: url('/uploads/images/home/home-area-3.jpg');
              "
            >
              <div
                class="transition-opacity duration-300 absolute bottom-0 left-0 w-full py-9 opacity-100 group-hover:opacity-0"
              >
                <h3
                  class="font-cinzel text-32px text-white text-center uppercase"
                >
                  Indonesia                </h3>
              </div>
              <div
                class="transition-opacity duration-300 absolute inset-0 flex justify-center items-center p-7.5 bg-black bg-opacity-50 opacity-0 group-hover:opacity-100"
              >
                <div class="text-white text-center">
                  <h3 class="font-cinzel text-32px uppercase">Indonesia</h3>
                  <p class="mt-3 leading-relaxed">
                    自1992年起, 豐泰集團於印尼開始投資設廠。                  </p>
                  <div
                    class="transition-all duration-300 inline-block min-w-30 px-5 py-3 mt-10 font-lora text-13px text-white text-opacity-70 text-center border border-white border-opacity-70 rounded-full hover:text-primary hover:bg-white"
                  >
                      Learn More                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="w-full sm:w-1/2 lg:w-1/4 lg:mt-15">

          
            <a
              href="/tw/about/nation/4" target="_self"              class="relative group block pt-150% bg-gray-900 bg-cover bg-center lg:pt-225%"
              style="
                background-image: url('/uploads/images/home/home-area-4.jpg');
              "
            >
              <div
                class="transition-opacity duration-300 absolute bottom-0 left-0 w-full py-9 opacity-100 group-hover:opacity-0"
              >
                <h3
                  class="font-cinzel text-32px text-white text-center uppercase"
                >
                  India                </h3>
              </div>
              <div
                class="transition-opacity duration-300 absolute inset-0 flex justify-center items-center p-7.5 bg-black bg-opacity-50 opacity-0 group-hover:opacity-100"
              >
                <div class="text-white text-center">
                  <h3 class="font-cinzel text-32px uppercase">India</h3>
                  <p class="mt-3 leading-relaxed">
                    豐泰集團於 2006 年至印度設立 Cheyyar SEZ Developers Pvt Ltd. 製鞋特別工業區。                  </p>
                  <div
                    class="transition-all duration-300 inline-block min-w-30 px-5 py-3 mt-10 font-lora text-13px text-white text-opacity-70 text-center border border-white border-opacity-70 rounded-full hover:text-primary hover:bg-white"
                  >
                      Learn More                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="w-full sm:w-1/2 lg:w-1/4 lg:mt-7.5">

          
            <a
              href="/tw/about/nation/3" target="_self"              class="relative group block pt-150% bg-gray-900 bg-cover bg-center lg:pt-225%"
              style="
                background-image: url('/uploads/images/home/home-area-2.jpg');
              "
            >
              <div
                class="transition-opacity duration-300 absolute bottom-0 left-0 w-full py-9 opacity-100 group-hover:opacity-0"
              >
                <h3
                  class="font-cinzel text-32px text-white text-center uppercase"
                >
                  Vietnam                </h3>
              </div>
              <div
                class="transition-opacity duration-300 absolute inset-0 flex justify-center items-center p-7.5 bg-black bg-opacity-50 opacity-0 group-hover:opacity-100"
              >
                <div class="text-white text-center">
                  <h3 class="font-cinzel text-32px uppercase">Vietnam</h3>
                  <p class="mt-3 leading-relaxed">
                    豐泰集團於 1996 年始至越南投資設廠。                  </p>
                  <div
                    class="transition-all duration-300 inline-block min-w-30 px-5 py-3 mt-10 font-lora text-13px text-white text-opacity-70 text-center border border-white border-opacity-70 rounded-full hover:text-primary hover:bg-white"
                  >
                      Learn More                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  
    <div
      class="fixed top-20 right-17.75 bottom-0 z-10 hidden lg:flex lg:flex-col lg:items-center"
    >
      <span class="w-px flex-1 bg-black bg-opacity-10"></span>
      <div class="my-10">
        <ul class="site-anchor space-y-4.5">

                  <li class="site-anchor__item">
            <a
              href="javascript:;"
              class="transition-colors duration-300 relative group block w-3 h-3 mx-auto border-4 border-secondary rounded-full hover:border-secondary"
              data-href="#section-1"
            >
              <span
                class="transition-opacity duration-300 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-2 h-2 border border-black border-opacity-40 rounded-full opacity-0 group-hover:opacity-0"
              ></span>
            </a>
          </li>
                  <li class="site-anchor__item">
            <a
              href="javascript:;"
              class="transition-colors duration-300 relative group block w-3 h-3 mx-auto border-4 border-secondary rounded-full hover:border-secondary"
              data-href="#section-2"
            >
              <span
                class="transition-opacity duration-300 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-2 h-2 border border-black border-opacity-40 rounded-full opacity-0 group-hover:opacity-0"
              ></span>
            </a>
          </li>
                  <li class="site-anchor__item">
            <a
              href="javascript:;"
              class="transition-colors duration-300 relative group block w-3 h-3 mx-auto border-4 border-secondary rounded-full hover:border-secondary"
              data-href="#section-3"
            >
              <span
                class="transition-opacity duration-300 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-2 h-2 border border-black border-opacity-40 rounded-full opacity-0 group-hover:opacity-0"
              ></span>
            </a>
          </li>
                  <li class="site-anchor__item">
            <a
              href="javascript:;"
              class="transition-colors duration-300 relative group block w-3 h-3 mx-auto border-4 border-secondary rounded-full hover:border-secondary"
              data-href="#section-4"
            >
              <span
                class="transition-opacity duration-300 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-2 h-2 border border-black border-opacity-40 rounded-full opacity-0 group-hover:opacity-0"
              ></span>
            </a>
          </li>
                  <li class="site-anchor__item">
            <a
              href="javascript:;"
              class="transition-colors duration-300 relative group block w-3 h-3 mx-auto border-4 border-secondary rounded-full hover:border-secondary"
              data-href="#section-5"
            >
              <span
                class="transition-opacity duration-300 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-2 h-2 border border-black border-opacity-40 rounded-full opacity-0 group-hover:opacity-0"
              ></span>
            </a>
          </li>
                  <li class="site-anchor__item">
            <a
              href="javascript:;"
              class="transition-colors duration-300 relative group block w-3 h-3 mx-auto border-4 border-secondary rounded-full hover:border-secondary"
              data-href="#section-6"
            >
              <span
                class="transition-opacity duration-300 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-2 h-2 border border-black border-opacity-40 rounded-full opacity-0 group-hover:opacity-0"
              ></span>
            </a>
          </li>
        
        </ul>

        <a
          href="javascript:;"
          class="site-mouse transition-colors duration-300 relative group block w-5 h-8 mt-4.5 border border-secondary rounded-full hover:bg-secondary"
        >
          <span
            class="transition-colors duration-300 absolute top-2 left-1/2 w-px h-1.5 bg-secondary group-hover:bg-white"
          ></span>
        </a>
      </div>
      <span class="w-px flex-1 bg-black bg-opacity-10"></span>
    </div>
  </main>
<footer class="relative px-7.5 py-15 bg-primary-dark lg:px-18">
    <div class="xl:flex xl:justify-between">
        <div class="hidden lg:flex lg:space-x-10">
            <div>
                                    <h3 class="font-serif text-24px text-white">關於豐泰</h3>
                
                <ul class="mt-2.5 space-y-2.5 text-sky-blue">

                                    <li>
                        <a href="tw/about/detail/集團簡介">集團簡介</a>
                    </li>
                                    <li>
                        <a href="tw/about/detail/經營理念">經營理念</a>
                    </li>
                                    <li>
                        <a href="tw/about/nation">跨國營運</a>
                    </li>
                                    <li>
                        <a href="tw/about/detail/企業組織">企業組織</a>
                    </li>
                                    <li>
                        <a href="tw/about/detail/研發創新">研發創新</a>
                    </li>
                
                </ul>
            </div>
            <div>
                                    <h3 class="font-serif text-24px text-white">企業社會責任</h3>
                
                <ul class="mt-2.5 space-y-2.5 text-sky-blue">

                                    <li>
                        <a href="tw/csr/detail/永續管理" class="transition-colors duration-300 hover:text-white">永續管理</a>
                    </li>
                                    <li>
                        <a href="tw/csr/detail/社會參與" class="transition-colors duration-300 hover:text-white">社會參與</a>
                    </li>
                                    <li>
                        <a href="tw/csr/detail/勞工權益" class="transition-colors duration-300 hover:text-white">勞工權益</a>
                    </li>
                                    <li>
                        <a href="tw/csr/detail/環境保護" class="transition-colors duration-300 hover:text-white">環境保護</a>
                    </li>
                
                </ul>
            </div>
            <div>
                                    <h3 class="font-serif text-24px text-white">人才招募</h3>
                
                <ul class="mt-2.5 space-y-2.5 text-sky-blue">

                                    <li>
                        <a href="tw/recruiting/join/加入豐泰">加入豐泰</a>
                    </li>

                                    <li>
                        <a href="tw/recruiting/detail/學習成長">學習成長</a>
                    </li>
                                    <li>
                        <a href="tw/recruiting/detail/工作與家庭平衡">工作與家庭平衡</a>
                    </li>
                
                </ul>
            </div>
            <div>
                                    <h3 class="font-serif text-24px text-white">投資人專區</h3>
                                
                <ul class="mt-2.5 space-y-2.5 text-sky-blue">
                    <li>
                        <a href="tw/investor/news" class="transition-colors duration-300 hover:text-white">公司公告</a>
                    </li>
                    <li>
                        <a href="tw/investor/month" class="transition-colors duration-300 hover:text-white">財務資訊</a>
                    </li>

                                    <li>
                        <a href="tw/investor/governance/董事會及功能委員會" class="transition-colors duration-300 hover:text-white">公司治理</a>
                    </li>
                    <li>
                        <a href="tw/investor/meeting" class="transition-colors duration-300 hover:text-white">股務資訊</a>
                    </li>
                </ul>
            </div>
            <div>
                                    <h3 class="font-serif text-24px text-white">利害關係人專區</h3>
                                
                <ul class="mt-2.5 space-y-2.5 text-sky-blue">

                                    <li>
                        <a href="tw/stakeholders/detail/利害關係人溝通">利害關係人溝通</a>
                    </li>
                                    <li>
                        <a href="/tw/contact">與我們聯絡</a>
                    </li>
                                    <li>
                        <a href="tw/stakeholders/detail/如何到豐泰">如何到豐泰</a>
                    </li>
                
                </ul>
            </div>
        </div>
        <div class="lg:mt-10 xl:mt-0 xl:text-right">
            <h3 class="font-lora text-38px text-white">
                <a href="tel:05-537-9100">05-537-9100</a>
            </h3>
            <h4 class="mt-2.5 text-white">雲林縣斗六市科工八路52號</h4>
            <ul class="flex mt-7.5 text-sky-blue leading-none xl:justify-end">
                <li class="pr-5">
                    <a href="tw/contact">聯絡我們</a>
                </li>
                <li class="pl-5 space-x-2.5 border-l border-sky-blue">
                    <a href="tw" class="transition-colors duration-300 hover:text-white">繁體中文</a>
                    <a href="en" class="transition-colors duration-300 hover:text-white">English</a>
                </li>
            </ul>
            <p class="mt-12 text-sky-blue">© 豐泰企業股份有限公司</p>
        </div>
    </div>
</footer>
<script src="assets/js/vendor.js"></script>
<script src="assets/js/app.js?202205231019"></script>  </body>
</html>
<script>
  $(function() {
    $.ajaxSetup({
      beforeSend: function(jqXHR, Obj) {
        let tokenName = $('meta[name="csrf-token-name"]').attr('content');
        let tokenValue = $('meta[name="csrf-token-value"]').attr('content');
        if (tokenName && tokenValue) {
          if (Obj.data) Obj.data += '&' + tokenName + '=' + tokenValue;
          else Obj.data = tokenName + '=' + tokenValue;
        }
      },
      data: {
        isAjax: true
      }
    });
  })
</script>
